<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习</title>

<style>
    @font-face {
        font-family: 'iconfont';  /* project id 577890 */
        src: url('//at.alicdn.com/t/font_577890_vfhvz5a43ht73nmi.eot');
        src: url('//at.alicdn.com/t/font_577890_vfhvz5a43ht73nmi.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_577890_vfhvz5a43ht73nmi.woff') format('woff'),
        url('//at.alicdn.com/t/font_577890_vfhvz5a43ht73nmi.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_577890_vfhvz5a43ht73nmi.svg#iconfont') format('svg');
    }
    .iconfont{
        font-family:"iconfont";
        font-size:40px;
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        color: white;
        line-height: 60px;


    }
    .div_red{
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-color: red;
        text-align: center;
    }
    .div_red:hover{
        width: 160px;
    }

</style>
    <script type="text/javascript">
        document.onmousedown=click
        function click()
        {
            if(event.button==2){alert('对不起，您无权查看源代码);}
                if(event.button==3){alert('对不起，您无权查看源代码');}
            }
    </script>
</head>
<body>
    <div class="div_red">
        <i class="iconfont">&#xe639;</i>
    </div>


</body>
</html>